<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  <title></title>
  <link rel="stylesheet" href="css/animate.css"/>
  <link rel="stylesheet" href="css/swiper.css"/>
  <link rel="stylesheet" href="css/index.css"/>
</head>
<body>
  <div class="swiper-container">
    <!--有n屏-->
    <div class="swiper-wrapper">
      <!-- 第一屏-->
      <div class="swiper-slide first">
        <img class="ball" src="images/ball.png" alt=""/>
        <img class="grjl animated" src="images/grjl.png" alt=""/>
        <img src="images/ziji.jpg" class="my" alt=""/>
        <div class="jieshao">
          <p>我叫高红兵，来自山西大同，我是一个慢热型少年，我喜欢听歌、玩游戏、看故事，我也喜欢结交朋友</p>
        </div>
      </div>
      <!-- 第二屏-->
      <div class="swiper-slide second">
        <p class="skill">擅长技能</p>
        <img class="p2" src="images/p2.png" alt=""/>
        <div class="describe">
          <img src="images/list1.png" alt="" class="describe1"/>
          <img src="images/list3.png" alt="" class="describe1"/>
          <img src="images/list4.png" alt="" class="describe1"/>
          <img src="images/list5.png" alt="" class="describe1"/>
        </div>
      </div>
      <!-- 第三屏-->
      <div class="swiper-slide thrid">
        <div class="dream">
              <h4>我未来梦想</h4>
              <p>我希望命运给我机会，希望别人给我机会，再次之前，我会付出我让别人给我机会的条件，付出了不成功说明付出不够，付出成功了但仅仅说明我运气比较好，还需要更加努力</p>
        </div>
        <img class="p3" src="images/p3.png" alt=""/>
      </div>
    </div>
  </div>
  <img class="music play" src="images/m1.png" alt=""/>
  <audio class="audio1" src="music/yinyue.mp3" autoplay loop></audio>

  <img class="arr" src="images/arr.png" alt=""/>

  <script src="js/zepto.min.js"></script>
  <script src="js/swiper.min.js"></script>
  <script src="js/index.js"></script>
</body>
</html>